<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>J&iacute;M</title>
	
	<script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap-3.2.0.js"></script>

	<link href="css/bootstrap-3.2.0.css" rel="stylesheet">	
	<link href="css/bootstrap-theme-3.2.0.css" rel="stylesheet">
	<link href="css/offcanvas.css" rel="stylesheet">	
</head>
<body>

   <!-- INICIO DEL MENU PRINCIPAL -->
	<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
			<span class="icon-bar"></span>			
          </button>
          <a class="navbar-brand" href="index.php">Logo</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="MantenimientoSalas.jsp">Mantener de Salas</a></li>
            <li class="active"><a href="MantenimientoProductos.jsp">Mantener  Productos</a></li>
			<li><a href="MantenimientoLocales.jsp">Mantener Locales</a></li>
			<li><a href="Mantenerreservas.jsp">Mantener Reservas</a></li>            
			<li><a href="Mantenereventos.jsp">Mantener Eventos</a></li>
			<li><a href="ReservaNuevoCliente.jsp">Mantener Reservas</a></li>            
			<li><a href="Mantenereventos.jsp">Mantener Eventos</a></li>
          </ul>
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </div><!-- /.navbar -->
	<!-- FIN DEL MENU PRINCIPAL -->

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>MANTENIMIENTO DE PRODUCTOS</h1>
        <p>Espacio para la gestion de las salas del Karaoke</p>
     
      </div>

      <!-- Example row of columns -->
      <div class="row">
	  

			
		   <div class="col-md-8" align="left">
		   <form class="form-horizontal well">
				<fieldset>
				  <button type="submit" class="btn btn-primary" >NUEVO</button> <button type="submit" class="btn btn-primary" >EDITAR</button> <button type="submit" class="btn btn-primary" >ELIMINAR</button> <button type="submit" class="btn btn-primary" >BUSCAR</button>          
				  
					<div class="control-group">
				<label class="control-label" for="select01">Tipo</label>
				<div class="controls">
				  <select id="select01">
				  <option>------</option>
				  <option>bebidas</option>
				  <option>comos</option>
				  <option>bocaditos</option>
				  <option>Venezuela</option>
				  </select>
				</div>
				</div>
				  <div class="control-group">
					  <label class="control-label" for="input01">Nombre</label>
					  <div class="controls">
						<input type="text" class="input-medium" id="txtLocal">
						
					  </div>
				  </div>
				  
				  <div class="control-group">
				  </div>
				  
				  <div class="control-group">
				  <label class="control-label" for="input01">Precio :</label>
				  <div class="controls">
					<div class="input-prepend">
					  <input type="text" class="input-medium" id="txtCapacidad">
					</div>                
				  </div>
				  </div>
				  
				
				
				
				
				<div class="control-group">
				<label class="control-label" for="textarea">Disponible: </label>
				<div class="controls">
				  <textarea class="input-xlarge" id="textarea" rows="3"></textarea>
				</div>
				</div>

				
				
				
				
				
				
				<div class="form-actions">
					<button type="submit" class="btn btn-primary">Guardar</button>
					<button type="reset" class="btn">Cancelar</button>            
				</div>
				
			  </fieldset>
			  </form>
			  
		   </div>
        
      </div>

      <hr>

      <footer>
        <p>&copy; Company 2014</p>
      </footer>

    </div> <!-- /container -->

  </body>
</html>
